@charset "utf-8";
body, figure,div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, p, blockquote, th, td, center, header, menu, section, article{
	margin:0; padding:0;
}
html{	-ms-touch-action: none;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:500;} 
@font-face { 
  font-family: "PingFang Regular"; 
  src: url('font/PingFang Regular.ttf'); 
}  
body{
	font-size:12px; 
	font-family:PingFang-SC-Regular,DroidSansFallback,DroidSans-Bold,DroidSans,Arial,"微软雅黑",sans-serif;
	 color:#4f4f4f; 
	background:transparent;
	-webkit-text-size-adjust:none;  -webkit-tap-highlight-color:rgba(0,0,0,0);
	-ms-text-size-adjust: 100%;
	 /*height:100%;*/
	 -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }

table{ border-collapse:collapse; border-spacing:0; }
samp{ font-family:Arial,Helvetica,sans-serif; }
ol, ul, li, menu, nav{ list-style:none; }
a{ text-decoration:none; color: #000; cursor:pointer; }
fieldset,img,input{ border:none; }
em, i{ font-style:normal; }
img[title]{ border: 1px solid #1AA5C3; background: #008200;}
img{max-width: 100%;}
input[type=checkbox],
input[type=button],
input[type=password],
input[type=radio],
input[type=submit]{
	-webkit-appearance:none;border:none;
	outline:none
}
button {border: none; background: none; outline: none;}
html {min-height: 100% }
.btn-lang {
    background: #3bb7d9; display: block; margin:0 auto; border-radius:22px; text-align: center;
    padding: 10px 0;
    border: none;
    font-size: 18px;
    color: #fff;
    margin-top: 10px;}
/* 清理浮动 */
.clear {clear:both; height:0; overflow:hidden; display:block; line-height:0}
.clearfix:after {clear:both;font-size:0; height:0; display:block; visibility:hidden; content:" "; line-height:0}
.clearfix {zoom:1}/* for IE6 IE7 */
.wrapper{ width:640px; position:absolute; left:50%; top:0; margin-left:-320px; overflow:hidden;height:100%;}
.clearfix:after,
.wrapper:after{ visibility:hidden; display:block; height:0; line-height:0; clear:both; content:""; }

/*float position*/
.fl{ float:left; }
.fr{ float:right; }
.pr{ position:relative; }
.pa{ position:absolute; }
.oh {overflow:hidden;}
.pf{position: fixed;z-index: 10;background: #fff;}

/*vertical-align*/
.vt{ vertical-align:top; }
.vm{ vertical-align:middle; }
.al{ text-align:left; }
.ar{ text-align:right; }
.ac{ text-align:center; }
.dib{ display:inline-block; }
.db{ display:block; }
.dn{ display:none; }
.bold{ font-weight:bold; }
.normal{ font-weight:normal; }
.wbw{ word-wrap:break-word; }
.dwb{
	display: -webkit-box; 
	display:-o-box; 
	display: -moz-box; 
	display:box;
	-webkit-box-align:center;
	-webkit-box-pack:center;
	-o-box-align:center;
	-o-box-pack:center;
	-moz-box-align:center;
	-moz-box-pack:center;
	box-align:center;
	box-pack:center;
}



/*line-height*/
.lh23{ line-height:23px; }
.lh30{ line-height:30px; }
.lh32{ line-height:32px; }
.lh34{ line-height:34px; }
.lh40{ line-height:40px; }
.lh50{ line-height:50px; }
.lh60{ line-height:60px; }
.lh80{ line-height:80px; }
.lh100{ line-height:100px; }


/*font-size*/
.f0{ font-size:0; }
.f10{font-size: 10px;}
.f12{font-size: 12px;}
.f13{font-size: 13px;}
.f14{ font-size:14px; }
.f15{ font-size:15px; }
.f16{ font-size:16px; }
.f17{ font-size:17px; }
.f18{ font-size:18px; }
.f19{ font-size:19px; }
.f24{ font-size:24px; }
.f26{ font-size:26px; }
.f28{ font-size:28px; }
.f30{ font-size:30px; }
.f32{ font-size:32px; }


 
/*width*/

.w100{ width:100px; }
.w120{ width:120px; }
.w150{ width:150px; }
.w70-0 { width: 70%; margin: 0 auto;}
.w640 { max-width: 640px; margin: 0 auto;}
.ma{ margin: 0 auto;}

/*height*/
.h30{ height:30px; }
.h100{ height:100px; }
.mh200{min-height:200px;}


/*margin*/
.ml5{margin-left: 5px;}
.mt5{margin-top: 5px;}
.mr5{margin-right: 5px;}
.mb5{margin-bottom: 5px;}
.mtb5{margin-top: 5px;margin-bottom: 5px;}

.m10 { margin:10px;}
.mlr{ margin:0 auto; }
.ml-10{margin-left:-10px;}
.mt-10{margin-top:-10px;}
.mb-10{margin-bottom:-10px;}
.mlr-10{margin-left:-10px;margin-right:-10px;}


.mt10{ margin-top:10px; }
.mr10{ margin-right:10px;}
.mb10{ margin-bottom:10px; }
.ml10{ margin-left:10px; }
.mlr10{ margin-left:10px; margin-right:10px; }
.mtb10{ margin-top:10px; margin-bottom:10px; }

.mt15{ margin-top:15px;}
.ml15{margin-left: 15px;}
.mr15{margin-right: 15px;}
.mb15{ margin-bottom:15px;}

.m20{margin: 20px;}
.mt20{ margin-top:20px; }
.mt-20{ margin-top: -20px;}
.mb-20{ margin-bottom: -20px;}
.mr20{ margin-right:20px;}
.mb20{ margin-bottom:20px; }
.ml20{ margin-left:20px; }
.mlr20{ margin-left:20px; margin-right:20px; }
.mtb20{ margin-top:20px; margin-bottom:20px; }

.m30{margin: 30px;}
.mt30{ margin-top:30px; }
.mr30{ margin-right:30px;}
.mb30{ margin-bottom:30px; }
.ml30{ margin-left:30px; }
.mlr30{ margin-left:30px; margin-right:30px; }
.mtb30{ margin-top:30px; margin-bottom:30px; }

.ml40{margin-left: 40px;}
.mlr40{margin-left: 40px;margin-right: 40px;}

.mt50{margin-top: 50px;}
.ml50{margin-left:50px;}
.mr50{margin-right: 50px;}
.mb50{margin-bottom: 50px;}
.mtb50{margin-top: 50px;margin-bottom: 50px;}

/*padding*/

.p5{padding: 5px;}
.p10{ padding:10px; }
.pt10{ padding-top:10px; }
.pr10{ padding-right:10px; }
.pb10{ padding-bottom:10px; }
.pl10{ padding-left:10px; }
.plr10{ padding-left:10px; padding-right:10px; }
.ptb10{ padding-top:10px; padding-bottom:10px; }

.p15{ padding:15px; }
.pt15{ padding-top:15px; }
.pr15{ padding-right:15px; }
.pb15{ padding-bottom:15px; }
.pl15{ padding-left:15px; }
.plr15{ padding-left:15px; padding-right:15px; }
.ptb15{ padding-top:15px; padding-bottom:15px; }

.p20{ padding:20px; }
.pt20{ padding-top:20px; }
.pr20{ padding-right:20px; }
.pb20{ padding-bottom:20px; }
.pb50{ padding-bottom:50px; }
.pl20{ padding-left:20px; }
.plr20{ padding-left:20px; padding-right:20px; }
.ptb20{ padding-top:20px; padding-bottom:20px; }

.p30{padding: 30px;}
.pl30{padding-left: 30px;}
.pr30{padding-right: 30px;}
.pt30{padding-top: 30px;}
.pb30{padding-bottom: 30px;}
.plr30{padding-left: 30px;padding-right: 30px;}
.ptb30{padding-top: 30px;padding-bottom: 30px;}

.tid-20 { text-indent: 20px;}

/*box*/
.wbs{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}


/*text-decoration*/
.tdlt{text-decoration: line-through;}


/*border*/
.bb{border-bottom:2px solid #543d2a;}
.bt{border-top:2px solid #543d2a;}

/*color*/
.color_gray{ color:#ADADB3; }
.color_dakgray{ color:#4f4f4f; }
.color-blue { color: #3BB7D9;}
.color-lightblue { color: #00fcff;}

.color-red { color:#d93b3b ;}
.color-white { color:#fff ;}


/*背景色*/
.bg_blue_light { background: #3bb6d8;}
.bg_blue { background: #3BB7D9;}
.bg_skyblue { background: #c2e8f4;}
.bg_blue_dark { background: #009fcd;}
.bg_orange { background:#F7835C;}
.bg_rose { background: #FC5D7B;}
.bg_gray { background: #ADADB3;}
.bg_gray_light { background: #F5F7FA;}
.bg_green { background: #9fca43;}
.bg_wirte{ background: #fff;}
.bg_red{ background: #ec4f40;}
.bg_white{ background: #fff;}

.ico-money,
.ico-time,
.ico-location {
 min-height: 13px; padding-left: 16px; background-size: 13px 13px; 
  background-repeat: no-repeat; background-position:left top;
}
.ico-location-blue { 
	background: url(../images/icon/ic_web_add-min.png) no-repeat; width: 14px; height: 20px; display: inline-block;
	background-size:14px 20px;
	 }

.ico-money { background-image: url(../images/icon/ic_group_money@2x-min.png); }
.ico-time { background-image: url(../images/icon/ic_group_time@2x-min.png); }
.ico-location { background-image: url(../images/icon/ic_group_add@2x-min.png); }

.ico-heart-gray {
	.f24;color: #adadb3; padding-left:40px; height: 26px; line-height: 26px; 
	background: url(../images/icon/icon3.png) left top no-repeat; 
}
.ico-heart {
	.f24;color: #adadb3; padding-left:40px; height: 25px; line-height: 25px; 
	background: url(../images/icon/icon3.png) left -57px no-repeat; 
}
.ico-eye {
	.f24;color: #adadb3; padding-left:40px; height: 26px; line-height: 26px; 
	background: url(../images/icon/icon3.png) left -28px no-repeat; 
}
.ico-comment {
	.f24;color: #adadb3; padding-left:40px; height: 25px; line-height: 25px; 
	background: url(../images/icon/icon3.png) left -84px no-repeat; 
}
.ico-success { .dib; .vm; width: 36px; height: 36px; background: url(../images/icon/success.png) no-repeat; background-size: 100% 100%; }
.ico-defeated {.ico-success;background: url(../images/icon/defeated.png); background-size: 100% 100%;}
.ico-crown {
	 width:18px; height: 15px; background: url(../images/icon/ic_vip_yes@2x-min.png) no-repeat; 
	 display: inline-block; vertical-align: middle; background-size:18px 15px; margin-left: 5px; margin-top: -4px;
	 }
/**7.0**/
.ico-crown-2,
.ico-crowny-3,
.ico-crownt-4 {
	 width:25px; height: 15px; background: url(../images/icon/ic_vip.png?v=2) no-repeat center top; transform: rotate(7deg);
	 position: absolute;top:3px; left: 50%; margin-left:-12px;background-size:25px auto; z-index: 1;
	 }
.ico-crowny-3{ background-position: center -11px; }
.ico-crownt-4{ background-position: center -22px; }

/**7.2**/
.ico-trumpet { width: 15px; height: 17px; background: url(../images/icon/ic_tongzhi@2x.png) no-repeat; display:inline-block ; background-size: 15px 17px; vertical-align: middle;}
.ico-me {width: 28px; height: 15px; background: url(../images/icon/ic_-members_me@2x.png) no-repeat; display:inline-block ; background-size: 28px 15px; vertical-align: middle;}

.ico-official {
	width: 78px; height: 58px; background:url(../images/icon/active.png);
	background-size: 78px 58px;
  }
.ico-activity  {
	width:20px; height: 20px; background:url(../images/icon/huodong@2x.png); margin-left: 5px;
	background-size: 20px 20px; display: inline-block; vertical-align: middle;
  }

.ico-up,
.ico-down { 
	height: 21px; width: 16px; display: inline-block; vertical-align: middle;
	background: url(../images/icon/icon1.png) no-repeat;
	background-size: 16px 21px;
	 } 
.ico-down {background: url(../images/icon/icon2.png);background-size: 16px 21px;} 
.ico_car { 
	width: 20px; height: 16px; background: url(../images/icon/ic_car.png) no-repeat; background-size: 20px 16px; 
	display: inline-block; vertical-align: middle;
	}
.ico-redact { 
	width: 20px; height: 20px; background: url(../images/icon/modify.png) no-repeat; 
	background-size:20px 20px; display: inline-block;
	}
.ico-badge {
	width: 17px; height: 30px; background: url(../images/icon/xz.png) no-repeat; 
	background-size:17px 30px; display: inline-block; vertical-align: middle;
}
.ico-psb {
	width: 18px; height: 18px; background: url(../images/icon/psb.png) no-repeat; 
	background-size:18px 18px; display: inline-block; vertical-align: middle;
}
.ico-light {
	width: 8px; height: 12px; background: url(../images/icon/ico-light.png) no-repeat; 
	background-size:8px 12px; display: inline-block; vertical-align: middle;
}
.ico-when {
	width: 30px; height: 30px; background: #283b58; border: 3px solid #ffd800;border-radius: 50%;line-height: 30px;
	background-size:42px 54px; display: inline-block; vertical-align: middle;
}
.ico-boy {
	width: 28px; height: 28px; background: url(../images/icon/nv.png) no-repeat center top;
}
.ico-girl {
	width: 28px; height: 28px; background: url(../images/icon/nv.png) no-repeat center bottom;
}
.ico-hot{
	.dib;.vm;width: 31px;height: 32px; background: url(../images/icon/01.png) no-repeat 0 0;
}
.ico-ssls{
	.dib;.vm;width: 31px;height: 32px; background: url(../images/icon/01.png) no-repeat 0 -38px;
}
.ico-delete{
	.dib;.vm;width: 31px;height: 32px; background: url(../images/icon/01.png) no-repeat 0 bottom;
}
/*按钮*/
.btn { width: 65px; height: 20px; display: block; line-height: 20px; text-align: center; color: #fff; font-size: 12px; border-radius: 10px;}

/*@media only screen and (max-width: 320px) {
.btn { width:56px; height: 18px; line-height: 18px; font-size: 10px}
}*/
.btn-bottom { 
	display: block; height: 50px; line-height: 50px; color: #3BB8D9; font-size: 20px; text-align: center; font-weight: bold;
	position: fixed; width: 100%; z-index: 10; background: #fff ; bottom: 0; left: 0;outline: none;border: none;
	border-top:1px solid #DADAD8; 
	 }

.line-tgray { border-top: 1px solid #dadad8; }
.line-gray { border-bottom: 1px solid #dadad8; }
.line-gray-top(@num:20px) { border-top: @num solid #F5F7FA; }
.line-gray-bottom(@num:10px) { border-bottom: @num solid #F5F7FA; }
.line-gray-top { border-top: 20px solid #F5F7FA; }
.line-gray-bottom { border-bottom:10px solid #F5F7FA; }
.out-red { outline: 1px solid red;}
.img-34 {line-height: 36px}
.img-34 img { width: 34px; height: 34px; border-radius: 50%; }
.web-mask {
	 position: fixed; width: 100%; height: 100%;
	 background: rgba(0,0,0,.5);top: 0; left: 0; z-index: 11;
	}
.web-mask .close { position: fixed; width: 100%; height: 100%; z-index: 5; }
.web-mask .apply {
 	width: 70%;border-radius: 20px; text-align: center; background: #fff; left: 15%; top:20%;
 	position: absolute; z-index: 6;
}
.web-mask .apply h1 {
	 height: 70px; padding-top:10px;  font-size: 22px; color: #fff; background: #76c3eb;
	 border-radius:20px 20px 0px 0px;
	}
.web-mask .apply h1 small {font-size: 14px; display: block;}

.web-mask .apply p {padding:30px 5px; font-size: 16px; line-height: 30px; }
 #jrqz{line-height: 40px; width: 90%; margin: 10px auto 0; border-radius: 25px; border: 1px solid #3bb7d9; color: #3bb7d9;  display: inline-block;}
/***加载动画**/
.load { 
	width: 76px; height: 76px; border-radius:10px; position:fixed;top: 50%; left: 50%; margin: -35px 0 0 -35px;
	background:url(../images/icon/loading_logo_03-min.png) no-repeat center center rgba(0,0,0,.5); 
	background-size: 40px 40px; z-index: 15;
    }
.load-ios { background:url(../images/icon/ios.gif) no-repeat center center;background-size: 40px 40px; }
.load-ios-up {
	background:url(../images/icon/ios.gif) no-repeat center center;background-size: 15px 15px;
	width: 15px; height: 15px; display: inline-block; vertical-align: middle; margin-right: 5px;
	}
.load-az-up,
.load-az-down {
	background:url(../images/icon/up.png) no-repeat center center;background-size: 20px 20px;
	width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin-right: 5px;
	}
.load-az-down {transform:rotate(180deg);}
.load-az-rotate {
	background:url(../images/icon/quan_min.png?v=6) no-repeat center center;background-size: 23px 23px;
 	width: 23px; height: 23px; display: inline-block; vertical-align: middle; margin-right: 5px;
 	-webkit-animation: rotate 2.75s linear infinite;
	animation: rotate 2.75s linear infinite;
  }

  @-webkit-keyframes rotatea {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}



.load span{ 
	position: absolute; width: 60px; height: 60px;  
	position: absolute;top: 50%; left: 50%; margin: -30px 0 0 -30px;
	background:url(../images/icon/quan_min2.png) no-repeat center center; 
	background-size: 45px 45px; z-index: 16;
    -webkit-animation: rotate 2.75s linear infinite;
	animation: rotate 2.75s linear infinite;
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.level{
	background:url(../images/icon/level.png) no-repeat center top; display: inline-block; vertical-align: middle; width: 38px; height: 38px;
	transform:scale(0.5); margin-left: -10px;
	}
.level-2 { background-position: center -38px; }
.level-3 { background-position: center -76px; }
.level-4 { background-position: center -114px; }
.level-5 { background-position: center -152px; }
.level-6 { background-position: center -190px; }
.level-7 { background-position: center -228px; }
.level-8 { background-position: center -266px; }
.level-9 { background-position: center -304px; }
.level-10 { background-position: center -342px; }
.level-11 { background-position: center -380px; }
.level-12 { background-position: center -418px; }
.level-13 { background-position: center -456px; }
.level-14 { background-position: center -494px; }
.level-15 { background-position: center -532px; }
.level-16 { background-position: center -570px; }
.level-17 { background-position: center -608px; }
.level-18 { background-position: center -646px; }

/*用户级别*/
#wrapper {
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff;
}
#scroller {
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}
.Multi-hd(@line:2) {overflow : hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: @line;  -webkit-box-orient: vertical;}
// 文字多行隐藏
.roundedCorners(@radius:10px){
	 -moz-border-radius: @radius;-webkit-border-radius: @radius;border-radius: @radius;
	}
// 圆角

.bg-linear {
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,.5)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,.5)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,.5)); /* Firefox 3.6 - 15 */
    background: linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,.5)); /* 标准的语法（必须放在最后） */
}

// 渐变背景

.dif {
	display:inline-flex;
}
.pc { .pa; content: ""; display: block;}
// 
.arrows { background: url(../images/icon/fast@2x.png) no-repeat 95% center; display: block;  }
// 箭头
.arrows-down { background: url(../images/icon/fast-forward@2x.png) no-repeat 95% center; display: block;  }
// 下载按钮
.black-shadow{ 
	text-shadow:1px 1px 1px #000,-1px -1px 1px #000,1px 1px 1px #000,-1px -1px 1px #000,1px -1px 1px #000,-1px 1px 1px #000;
}
// 文字阴影
.masklayer {
    background:rgba(0,0,0,.8); position: fixed; width: 100%; height: 100%; left: 0; top: 0;.dwb;
    z-index:30;.dn;
    body{ overflow: hidden;}
 }

// 弹框遮罩层

.dis-b { display: -moz-box; display: -webkit-box; display: box; }
.flex(@part:1) {-moz-box-flex:@part; -webkit-box-flex:@part; box-flex:@part;}
.box-align(@align:center,@vertical:center) {
	-webkit-box-align:@vertical;
	-webkit-box-pack:@align;
	-o-box-align:@vertical;
	-o-box-pack:@align;
	-moz-box-align:@vertical;
	-moz-box-pack:@align;
	box-align:@vertical;
	box-pack:@align;
}
.omit{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.shade-linear(@left:#ff2f8d,@right:#5392fa){
	background:-webkit-gradient(linear, left top, right top, 
		color-stop(0%,@left),
		color-stop(100%,@right));
	background:-moz-gradient(linear, left top, right top, 
		color-stop(0%,@left),
		color-stop(100%,@right));
	background:-o-gradient(linear, left top, right top, 
		color-stop(0%,@left),
		color-stop(100%,@right));
	background:gradient(linear, left top, right top, 
		color-stop(0%,@left),
		color-stop(100%,@right));
	}
.scale(@scale:0.7){
	transform:scale(@scale);
	-ms-transform:scale(@scale);
	-moz-transform:scale(@scale); 	
	-webkit-transform:scale(@scale); 
	-o-transform:scale(@scale);
}
#tips {
	position: fixed; width: 50%; padding: 5px; background: rgba(0,0,0,.5);left:25%;  color: #fff; font-size: 12px; line-height: 16px;z-index: 40;
	border-radius: 3px;.ac;.dn;top: 40%;
	 }